<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml">  
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" type="text/css" href="css/style.css"/>

</head>



<body class="main_bg">
	<div id="wrapper">
    	<div id="header">
        	<div class="header_top">
            	<div class="main_search">
                	<input type="text" class="placeholder" value="Search..."/>
               	 	<input type="submit" value="" />
                </div>
                <div class="multi_control">
                	<div class="share-facebook">
                    	<a href="#"><img src="images/icon-facebook.png"></a>
                    </div>
                    <div class="language">
                    	<a href="#" id="language">English</a>
                    </div>
                </div>
            </div>
            <div class="logo">
            	<a href="#">
                	<img src="images/logo.png" />
                </a>
            </div>
        </div>
        <div id="contain">
        	<div id="col_left">
            	<div class="menu">
                	<ul>
                    	<li><a href="#">products</a></li>
                        <li><a href="#">news</a></li>
                        <li><a href="#">about us</a></li>
                        <li><a href="#">product care</a></li>
                        <li><a href="#">user product info</a></li>
                        <li><a href="#">your order</a></li>
                        <li><a href="#">contact us</a></li>
                        <li class="separator"></li>
                        <li><a href="#">customer login</a></li>
                        <li><a href="#">wholesaler login</a></li>
                    </ul>
                </div>
                <div class="btn_register">
                	<a href="#"><img src="images/icon-register.png" /></a>
                </div>
                
            </div>
            <div id="col_right">
            	<div class="news width_600">
                	 <div class="news_title">NEWS</div>
                     <div class="lev">
                     	<h2 class="title"><a href="#">NEWS ARTICLE SEVEN</a></h2>
                        <p class="summary">Et ac elementum rhoncus nec, purus auctor nascetur integer enim ut cursus, risus in? Sagittis? Augue adipiscing hac mus. Tincidunt nunc scelerisque in ut egestas turpis est tincidunt et tempor mauris sagittis arcu placerat adipiscing a vut vut scelerisque dictumst a ultrices vut, tortor magnis aliquam. Velit ultricies sociis, aenean? Integer massa placerat pid. Et auctor cras porta tempor adipiscing, est tincidunt porta a nisi adipiscing! Ultricies sociis sagittis nascetur parturient vel. In hac mauris mus proin sagittis integer phasellus. Integer? Ridiculus auctor turpis! Platea integer quis a mauris turpis, lectus ut montes odio rhoncus nec diam ac parturient, et eros, massa, turpis porta? Turpis. Aenean scelerisque. Lectus dapibus rhoncus, ac tempor porta integer mattis montes velit sed vel. Penatibus.</p>
                     </div>
                     <div class="lev">
                     	<h2 class="title"><a href="#">NEWS ARTICLE SEVEN</a></h2>
                        <p class="summary">Et ac elementum rhoncus nec, purus auctor nascetur integer enim ut cursus, risus in? Sagittis? Augue adipiscing hac mus. Tincidunt nunc scelerisque in ut egestas turpis est tincidunt et tempor mauris sagittis arcu placerat adipiscing a vut vut scelerisque dictumst a ultrices vut, tortor magnis aliquam. Velit ultricies sociis, aenean? Integer massa placerat pid. Et auctor cras porta tempor adipiscing, est tincidunt porta a nisi adipiscing! Ultricies sociis sagittis nascetur parturient vel. In hac mauris mus proin sagittis integer phasellus. Integer? Ridiculus auctor turpis! Platea integer quis a mauris turpis, lectus ut montes odio rhoncus nec diam ac parturient, et eros, massa, turpis porta? Turpis. Aenean scelerisque. Lectus dapibus rhoncus, ac tempor porta integer mattis montes velit sed vel. Penatibus.</p>
                     </div>
                     <div class="lev">
                     	<h2 class="title"><a href="#">NEWS ARTICLE SEVEN</a></h2>
                        <p class="summary">Et ac elementum rhoncus nec, purus auctor nascetur integer enim ut cursus, risus in? Sagittis? Augue adipiscing hac mus. Tincidunt nunc scelerisque in ut egestas turpis est tincidunt et tempor mauris sagittis arcu placerat adipiscing a vut vut scelerisque dictumst a ultrices vut, tortor magnis aliquam. Velit ultricies sociis, aenean? Integer massa placerat pid. Et auctor cras porta tempor adipiscing, est tincidunt porta a nisi adipiscing! Ultricies sociis sagittis nascetur parturient vel. In hac mauris mus proin sagittis integer phasellus. Integer? Ridiculus auctor turpis! Platea integer quis a mauris turpis, lectus ut montes odio rhoncus nec diam ac parturient, et eros, massa, turpis porta? Turpis. Aenean scelerisque. Lectus dapibus rhoncus, ac tempor porta integer mattis montes velit sed vel. Penatibus.</p>
                     </div> 
                </div> 
                <div class="news_archi">
                	<div class="news_archi_title">ARTICLE ARCHIVES</div>
                     <div class="lev">
                     	<h3 class="title"><a href="#">NEWS ARTICLE FOUR</a></h3>
                        <p class="date">February 19, 2013</p>
                        <p class="summary">Et ac elementum rhoncus nec, purus auctor nascetur integer enim ut cursus, risus in? Sagittis? Augue adipiscing hac mus.</p>
                     </div>
                     <div class="lev">
                     	<h3 class="title"><a href="#">NEWS ARTICLE FOUR</a></h3>
                        <p class="date">February 19, 2013</p>
                        <p class="summary">Et ac elementum rhoncus nec, purus auctor nascetur integer enim ut cursus, risus in? Sagittis? Augue adipiscing hac mus.</p>
                     </div>
                     <div class="lev">
                     	<h3 class="title"><a href="#">NEWS ARTICLE FOUR</a></h3>
                        <p class="date">February 19, 2013</p>
                        <p class="summary">Et ac elementum rhoncus nec, purus auctor nascetur integer enim ut cursus, risus in? Sagittis? Augue adipiscing hac mus.</p>
                     </div>
                     <div class="lev">
                     	<h3 class="title"><a href="#">NEWS ARTICLE FOUR</a></h3>
                        <p class="date">February 19, 2013</p>
                        <p class="summary">Et ac elementum rhoncus nec, purus auctor nascetur integer enim ut cursus, risus in? Sagittis? Augue adipiscing hac mus.</p>
                     </div>
                </div>
            </div>
            <div class="clr"></div>
        </div>
    </div>
</body>
</html>
